<%--
  Created by IntelliJ IDEA.
  User: 29091
  Date: 2021-12-20
  Time: 8:48
  To change this template use File | Settings | File Templates.
   -- 空空的购物车页面
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
    <head>
        <title>购物车~花礼网</title>
        <link rel="stylesheet" type="text/css" href="../css/shoppingTrolley.css"/>
        <script src="../js/jquery-3.6.0.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="dingbu">
            <div id="daohang" class="clearfix">
                <ul class="ue clearfix">
                    <li>
                        <a href="#">
                            <span class="tu"></span>收藏花礼网(hua.com)
                        </a>
                    </li>
                    <li id="weixin">
                        <a href="#">
                            <span class="tu1"></span>关注微信
                        </a>
                        <div id="displ-weixin">
                            <img src="../image/loginImg/wxguanjia_qrcode.png" width="124" height="124">
                            <p>
                                扫码关注<br>
                                回复"礼物"更多惊喜！
                            </p>
                        </div>
                    </li>
                    <li id="huali">
                        <a href="#">
                            <span class="tu2"></span>
                            花礼网app
                        </a>
                        <div id="disp-huali">
                            <img src="../image/loginImg/app_download_qrcode.png" width="124" height="124">
                            <p>
                                新人专享100元APP礼包
                            </p>
                        </div>
                    </li>
                </ul>
                <div id="daohang2">
                    <ul class="ur clearfix">
                        <li>
                            <c:if test="${empty sessionScope.user}">
                                <a href="../login.jsp">你好，请登录</a>
                                <a href="../zhuce.jsp">注册</a>
                            </c:if>
                            <c:if test="${not empty sessionScope.user}">
                                <a href="../user/UserInfo.shtml">你好，${sessionScope.user.name}</a>
                                <a href="../userlogin.shtml?flag=tuiChu" onclick="return confirm('确认退出登录吗？')">退出</a>
                            </c:if>
                        </li>
                        <li class="pipe">|</li>
                        <li>
                            <a href="#">订单查询</a>
                        </li>
                        <li class="pipe">|</li>
                        <li id="huali2">
                            <a href="#">我的花礼</a>
                        </li>
                        <li class="pipe">|</li>
                        <li class="clearfix" id="kefu">
                            <a href="#">
                                客户服务
                            </a>
                            <span class="tu4"></span>
                            <div id="disp-kefu">
                                <a href="#">在线付款</a>
                                <a href="#">帮助中心</a>
                                <a href="#">售后服务</a>
                                <a href="#">配送范围</a>
                                <a href="#">留言反馈</a>
                            </div>
                        </li>
                        <li class="pipe">|</li>
                        <li class="clearfix" id="gouwuche">
                            <a href="#">
                                <span class="tu3"></span>
                                购物车
                                <span style="color: #FF6A00">(${sessionScope.userShoppingCartNum==null?0:sessionScope.userShoppingCartNum})</span>
                            </a>
                            <span class="tu5"></span>
                            <div id="disp-gouwuche" class="clearfix">
                                <div class="empty">
                                    您的购物车中没有商品，
                                    <a href="../index.shtml">先去选购吧</a>
                                </div>
                            </div>
                        </li>
                        <li class="pipe">|</li>
                        <li id="menu">
                            鲜花礼品网:中国领先的鲜花品牌
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="tou" class="clearfix">
            <div style="width: 500px;height: 64px;margin-top: 28px; float: left;"><a href="../index.shtml" id="log"></a></div>
            <div id="sou"></div>
            <div id="lianxi">
                    <span id="ico-phone">
                        <span id="tu6"></span>
                        400-889-8188
                    </span>
                <a href="#" style="border-top: none;border-right: none;border-bottom: none;border-left: 1px solid rgb(217, 217, 217);border-image: initial;}">
                    <span id="tu7"></span>
                    在线客服
                </a>
            </div>
        </div>
        <div class="aaa">
            <div class="container">
                <div class="empty_info">
                    <img src="../image/shoppingTrolleyImg/gwc_k2.jpg" alt="这里什么都没有~" border="0" >
                    <a href="../index.shtml">
                        去逛逛
                        <span class="glyphicon">&gt;</span>
                    </a>
                </div>
                <div class="cart-tabs-wrap">
                    <p>为您推荐</p>
                    <div class="tab-pane">
                        <!--商品-->

                    </div>
                </div>
            </div>
        </div>
        <%--发送ajax 请求获取商品--%>
        <script type="text/javascript">
            $.post("../randomCommoditys.shtml",{"number":10},function(result){
                var data = eval("("+result+")");
                $(data).each(function(i,e){
                    $(".tab-pane").append("\
                        <div class='grid-item'>\
                            <div class='grid-panel'>\
                                <div class='img-box'>\
                                    <a href='../commodityDetails.shtml?id="+e.id+"' target='_blank'>\
                                        <img src='../image/commodity/"+e.comImage+"'/>\
                                    </a>\
                                </div>\
                                <div class='info-cont'>\
                                    <div class='title'>\
                                        <a href='../commodityDetails.shtml?id="+e.id+"' target='_blank'>"+e.comName+"</a>\
                                    </div>\
                                    <div class='price'>\
                                        <span class='price-sign'>￥</span>\
                                        <span class='price-num'>"+e.outPrice+"</span>\
                                    </div>\
                                    <div class='operate'>\
                                        <a href='clickAddShopping.shtml?id="+e.id+"' class='add-cart'>加入购物车</a>\
                                    </div>\
                                </div>\
                            </div>\
                        </div>");
                });
                /*
                <div class="grid-item">
                        <div class="grid-panel">
                            <div class="img-box">
                                <a href="#" target="_blank">
                                    <img src="shoppingTrolleyImg/9012332.jpg"/>
                                </a>
                            </div>
                            <div class="info-cont">
                                <div class="title">
                                    <a href="#" target="_blank">留住好时光-粉绣球1枝，粉雪山玫瑰6枝</a>
                                </div>
                                <div class="price">
                                    <span class="price-sign">￥</span>
                                    <span class="price-num">245</span>
                                </div>
                                <div class="operate">
                                    <a href="#" class="add-cart">加入购物车</a>
                                </div>
                            </div>
                        </div>
                    </div>
                * */
            });
        </script>
        <div class="cart-server">
            <div class="toper-server clearfix">
                <ul class="clearfix">
                    <li>
                        <span class="ico ico-server-o1"></span>
                        <h4>鲜花电商龙头</h4>
                        <p>销量领先，权威认证龙头企业</p>
                    </li>
                    <li>
                        <span class="ico ico-server-o2"></span>
                        <h4>15年品牌 真实口碑</h4>
                        <a href="/productpj/"><p>最近评价<span id="pjCount"></span>条</p></a>
                    </li>
                    <li>
                        <span class="ico ico-server-o3"></span>
                        <h4>鲜花送前实拍展示</h4>
                        <p>展现送前实拍的鲜花网</p>
                    </li>
                    <li>
                        <span class="ico ico-server-o4"></span>
                        <h4>3小时送达</h4>
                        <p>全国连锁，3小时送2000城市</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 底部 -->
        <div id="yejiao">
            <a href="#">首页</a>
            <b>|</b>
            <a href="#">关于我们</a>
            <b>|</b>
            <a href="#">媒体报道</a>
            <b>|</b>
            <a href="#">联系方式</a>
            <b>|</b>
            <a href="#">企业团购</a>
            <b>|</b>
            <a href="#">花店入驻</a>
            <b>|</b>
            <a href="#">友情链接</a>
            <b>|</b>
            <a href="#">在线补款</a>
            <b>|</b>
            <a href="#">为什么选择花礼网</a>
        </div>
        <div id="tibu">
            <div id="ach">
                <img src="../image/shoppingTrolleyImg/cxwz.gif" >
                <a href="#"><img src="../image/shoppingTrolleyImg/smyz.gif"></a>
                <a href="#"><img src="../image/shoppingTrolleyImg/6-5.png" ></a>
                <a href="#"><img src="../image/shoppingTrolleyImg/zfb.gif" ></a>
                <a href="#"><img src="../image/shoppingTrolleyImg/6-7.jpg" ></a>
            </div>
            <p>
                <a href="#">中国花卉协会会员</a>
                <a href="#">中国电子商务协会会员</a>
                ICP经营许可证：
                <a href="#">粤B2-20050744</a>
                <b>|</b>
                <a href="#">粤ICP备09171662号</a>
                粤公网安备44030502000373号 Copyright © 2005-2021
            </p>
            <p>
                <a href="#">www.hua.com</a>
                花礼网（鲜花礼品网）-永生花专区
            </p>
        </div>
    </body>
</html>
